import '../styles/globals.css';
import Head from "next/head";
import Link from "next/link";

function MyApp({ Component, pageProps }) {
  return (
    <>
      {/* 修改title */}
      <Head>
        <title>
          My Next App
        </title>
      </Head>

      {/* 公共头部 */}
      <header>
        <h2>Header</h2>
        <div>
          <Link href="/">首页</Link>
          <Link href="/about">关于</Link>
          <Link href="/profile">我的</Link>
        </div>
        <hr />
      </header>

      {/* 内容出口 */}
      <Component {...pageProps} />

      {/* 公共尾部 */}
      <footer>
        <hr />
        <h2>Footer</h2>
      </footer>
    </>
  )
}

export default MyApp
